<script lang="ts" setup></script>
<template>
  <div class="BoxView">
    <div class="whiteBg">
      <div class="contentBg">
        <slot></slot>
      </div>
    </div>
  </div>
</template>

<style lang="less" scoped>
.BoxView {
  background-color: #52a4ef;
  border-radius: 25px 25px 20px 20px;
  padding: 10px;
  .whiteBg {
    background-image: linear-gradient(0deg, #98d8f8 0%, #ffffff 100%);

    border-radius: 15px;
    padding: 4px;
  }
  .contentBg {
    // min-height: 10px;

    border-radius: 15px;
    background-image: linear-gradient(
      0deg,
      rgba(45, 80, 210, 0.71) 0%,
      rgba(23, 138, 222, 0.71) 32%,
      rgba(0, 195, 233, 0.71) 100%
    );
  }
}
</style>
